<template>
   <div class="box">
    <header class="header">
      <van-search v-model="value" show-action  placeholder="Apple新品上市" @search="onSearch"
      @click-input="$router.push('/search')">
        <template #left>
          <van-icon name="apps-o" size="22" @click="$router.push('/kind')" />分类
        </template>
        <template #action>
          <van-icon name="user-circle-o"size="22" @click="$router.push('/login')" />登录
        </template>
      </van-search>
    </header>
    <main class="content">
      <van-grid :column-num="5">
  <van-grid-item v-for="value in 10" :key="value" icon="photo-o" :text="['苏宁家电']" />
</van-grid>
<ProList></ProList>
    </main>
  </div>
</template>

<script setup>
import ProList from './conponent/ProList.vue';
</script>

<style lang="scss" scoped>

</style>